<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>test</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link href="vendor/scrollpic/ScrollPic.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="vendor/scrollpic/jquery.ScrollPic.js"></script>
    <script src="js/top.scroll.js"></script>
    <script type="text/javascript">
        $(function(){
            $('.yiz-slider-2').ScrollPic({
                Time: '3000',
                speed: '800',
                autoscrooll: true
            });
        });
    </script>
</head>
<body>

<!-- 页面顶部 start-->
<div class="theTop">
    <div class="theTopService">
        <div class="ui-top-service-text">专业滑雪服务</div>
        <div class="ui-top-right-box">
            <div class="ui-top-welcome">您好，欢迎来到滑雪族</div>
            <div class="ui-top-user-login">
                <div class="ui-top-user-login-text">登陆</div>
                <div class="ui-top-user-signup-text">注册</div>
            </div>
        </div>
    </div>
</div>
<!-- 页面顶部 end-->

<!-- 首页菜单 start -->
<div class="theTopMenu">
    <div class="menu" style="">
        <div style="float: left"><img src="images/logo.png" width="220" height="38"  style="margin-top: 10px;margin-left: 8px;"/></div>
        <div class="theRightMenu">
            <dl id="right_menu">
                <dt>资讯</dt>
                <dt>雪场</dt>
                <dt>装备</dt>
                <dt>专题</dt>
                <dt>论坛</dt>
                <dt>卖啦</dt>

            </dl>
        </div>
    </div>
</div>

<style>
    .center {
        position: relative;
        margin: 0;
        padding: 0;
        height: 394px;
        background: url(http://localhost:63342/rootSite/images/test-1-1.png) repeat center;
        margin-bottom: 300px;

    }
</style>

<!-- 首页菜单 end -->
<div class="slideshow" >
    <div id="topBackImageData" style="display: none;">

        <img class="imageData" backSrc="./images/test-1-1.png" frontSrc="images/test-1-2.png"/>
        <img class="imageData" backSrc="./images/test-2-1.png" frontSrc="images/test-2-2.png"/>
        <img class="imageData" backSrc="./images/test-3-1.png" frontSrc="images/test-3-2.png"/>
    </div>

    <div class="topFrontImageOuter">
        <a id="topHeadImgPre" class="top-lastnews" title="上一篇"><i></i></a>
        <a id="topHeadImgNext" class="top-nextnews" title="下一篇"><i></i></a>
        <div class="clean-fix"></div>

        <div class="topFrontImageBox">

            <dl id="topFrontImageView">
                <dd class="frontImageDD">
                    <img id="frontImageDD-0" src="images/test-1-2.png">
                </dd>
                <dd class="frontImageDDmt-394">
                    <img id="frontImageDD-1" src="images/test-2-2.png">
                </dd>
                <dd class="frontImageDDmt-394">
                    <img id="frontImageDD-2" src="images/test-3-2.png">
                </dd>
            </dl>
            <style>
                #headImageDot {
                    width: 300px;
                    position: absolute;
                    top: 520px;
                    left: 50%;
                    margin-left: 150px;
                    text-align: right;
                    z-index: 5;
                }

                #headImageDot a {
                    background: #fff;
                    width: 12px;
                    height: 12px;
                    border: 1px solid #333;
                    border-radius: 12px;
                    display: inline-block;
                    position: relative;
                    zoom: 1;
                    line-height: 0;
                    font-size: 0;
                    cursor: pointer;
                    opacity: .6;
                    filter: alpha(opacity=60);
                    margin-right: 12px;
                }

                #headImageDot a.on {
                    opacity: 1;
                }
            </style>

            <div id="headImageDot">
                <a href="#" index="0" onclick="return false;" class="on">1</a>
                <a href="#" index="1" onclick="return false;" class="">2</a>
                <a href="#" index="2" onclick="return false;" class="">3</a>
            </div>

        </div>


    </div>
</div>
<div id="topBackImageView" class="slideshow-main" style="margin-top:-468px;">
</div>
<div style="background: url('images/top-front-image-boder1032.png') no-repeat center; width: 1032px ;height: 533px;margin: -433px auto;">
</div>

<div class="theMainArea">

    <div class="theMainArea-left">
        <div class="yiz-slider-2" style="margin:0px 0px 0px 0px;width: 305px;height: 457px;" >
            <ul>
                <li><img src="images/areaLeftAD01.jpg" width="239"/></li>
                <li><img src="images/areaLeftAD01.jpg" width="239"/></li>
                <li><img src="images/areaLeftAD01.jpg" width="239"/></li>
                <li><img src="images/areaLeftAD01.jpg" width="279"/></li>
            </ul>
        </div>
    </div>

    <div class="theMainArea-center">
        <div class="area_title" style="background: url('images/ui-today-title.png') no-repeat; width: 209px;height: 41px;margin: 0px 0px 0px 5px;">


        </div>
        <div class="article_title ft-title">
            南山滑雪场事故16岁女孩死亡
        </div>
        <div class="article_content ft-content article_content_gray">
            <div style="text-indent: 2em;">
                据说，滑雪是一种“白色鸦片”，据说，滑雪是一种“白色鸦片”据说，滑雪是一种“白色鸦片”据说，滑雪是一种“白色鸦片”据说，滑雪是一种“白色鸦片”
            </div>
            <span class="article_content_more">[阅读更多]</span>
        </div>
        <style>

        </style>
        <div class="article_title" style="width: 489px;height: 30px;margin-left: 20px;">
            <dl>
                <dt style="float: left;color: #000000;">滑雪咖钟的滑雪服</dt>
                <dt style="float: left;margin-left: 15px;color: #000000;">滑雪咖钟的滑雪服</dt>
                <dt style="float: left;margin-left: 15px;color: #000000;">滑雪咖钟的滑雪服</dt>

            </dl>
        </div>
        <div class="article_title ft-title">
            军都山滑雪场光猪大赛盛大开幕
        </div>
        <div class="article_content ft-content for_list">
            <div class="ft-list">
                ·顶级雪板排行榜top100
            </div>
            <div class="ft-list">
                ·顶级雪板排行榜top100
            </div>
            <div class="ft-list">
                ·顶级雪板排行榜top100
            </div>
            <div class="ft-list">
                ·顶级雪板排行榜top100
            </div>
        </div>


        <div class="article_img">
            <div class="article_img_box">
                <img src="images/areaCenterAD01.jpg" width="191" height="112">
            </div>
            <div class="article_img_box">
                <img src="images/areaCenterAD01.jpg" width="191" height="112">
            </div>
        </div>

    </div>

    <div class="theMainArea-right">
        <div style="width: 268px; height: 339px;">
            <img src="images/ui-top-right-weixin.png">
        </div>
        <div>
            <ul style="margin: 20px 0px 0px 10px;line-height: 20px;color: #5A5A5A;list-style: none;">
                <li>三小时成为滑雪大咖的秘密</li>
                <li>三小时成为滑雪大咖的秘密</li>
                <li>三小时成为滑雪大咖的秘密</li>
                <li>三小时成为滑雪大咖的秘密</li>
            </ul>

        </div>
    </div>

</div>


<div class="theSearchSki">
    <div class="theSearchForm">
        <div class="leftLogo"></div>
        <div class="leftLine"></div>
        <div class="centerForm">
            <div class="select_box">
                <div class="box_first_item">
                    <select>
                        <option value="1">所在地</option>
                    </select>
                </div>
                <div class="box_item">
                    <select>
                        <option value="1">单 板</option>
                    </select>
                </div>
                <div class="box_item">
                    <select>
                        <option value="1">滑雪教练</option>
                    </select>
                </div>
                <div class="box_item">
                    <select>
                        <option value="1">教练指导</option>
                    </select>
                </div>
            </div>

            <div class="input_box">
                <div class="search_text">
                    <input type="text" value="输入您搜索的内容"/>
                </div>
                <div class="search_button">
                    <a href="#">搜索</a>
                </div>
            </div>


        </div>


        <div class="rightLine"></div>
        <div class="rightLinkArea">
            <div class="aLink">亚布力阳光度假村</div>
            <div class="aLink">亚布力阳光度假村</div>
            <div class="aLink">亚布力阳光度假村</div>
        </div>
    </div>

</div>

<div class="theSkiArea">
    <div class="ski-content">
        <div class="ski-content-top">
            <div class="ski-type">
                <div class="type-tap">
                    <div style="color: #2CAAE0;font-size: 42px;float: left;padding: 20px 0px 5px 0px;">单板</div>
                    <div style="float:left;"><img src="images/single-type-image.png"></div>
                </div>
                <div style="background: url('./images/ski-type-line.png');float: left;width: 2px;height: 70px;">

                </div>
                <div class="type-tap">
                    <div style="color: #FFFFFF;font-size: 42px;float: left;padding: 20px 0px 5px 12px;">双板</div>
                    <div style="float:left;"><img src="images/double-type-image.png"></div>
                </div>
            </div>
            <div class="ski-content-catalog">
                <div style="float: left">单板公园 |</div>
                <div style="float: left">单板公园 |</div>
                <div style="float: left">单板公园 </div>
            </div>
        </div>
        <div style="background: url('./images/ski-landscape-line.png');height: 16px;width: 1000px"></div>
        <div class="ski-main-area" style="height: 541px">
            <div style="background:url('./images/ski-image-frame.png');float: left;width: 359px;height: 541px;">
                <div class="yiz-slider-2" style="margin:42px 0px 0px 38px;width: 280px;height: 453px;" >
                    <ul>
                        <li><img src="images/photo00.png" width="239"/></li>
                        <li><img src="images/photo00.png" width="239"/></li>
                        <li><img src="images/photo00.png" width="239"/></li>
                        <li><img src="images/photo00.png" width="279"/></li>
                    </ul>
                </div>

            </div>
            <div style="width: 390px;height: 543px;float: left;border-right: solid 2px #2F2F2F">

                <div class="article_title ft-title" style="color: #FFFFFF">
                    南山滑雪场事故16岁女孩死亡
                </div>
                <div class="article_content ft-content" style="border-bottom: solid 1px #2F2F2F;">
                    <div style="color: #A2A2A2">
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp据说，滑雪是一种“白色鸦片”，据说，滑雪是一种“白色鸦片”据说，滑雪是一种“白色鸦片”据说，滑雪是一种“白色鸦片”据说，滑雪是一种“白色鸦片”
                    </div>
                    <span class="article_content_more" style="color: #FFFFFF">[阅读更多]</span>
                </div>

                <div style="height: 214px;width: 373px;border-bottom: solid 1px #2F2F2F;">
                    <div style="color: #FFFFFF;font-size: 18px;padding: 10px 0px 0px 8px;">潮流资讯</div>
                    <div style="margin: 21px 0px 0px 8px;">
                        <div style="float: left;">
                            <img src="images/photo03.png">
                        </div>
                        <div style="float: left;color: #FFFFFF;">
                            <dl>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                            </dl>
                        </div>
                    </div>
                </div>
                <div style="height: 172px;width: 373px;border-bottom: solid 1px #2F2F2F;">
                    <div style="color: #FFFFFF;font-size: 18px;padding: 10px 0px 0px 8px;">潮流资讯</div>
                    <div style="margin: 21px 0px 0px 8px;">
                        <div style="float: left;">
                            <img src="images/photo03.png">
                        </div>
                        <div style="float: left;color: #FFFFFF;">
                            <dl>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                                <dt style="margin: 10px 0px 10px 15px;">[活动]大咖钟爱的滑雪服</dt>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
            <div style="float:left;width: 250px;height: 543px;margin-left: 4px;">
                <div style="margin: 10px 0px 0px 0px;">
                    <img src="images/photo01.png"/>
                </div>
                <div style="color: #FFFFFF;font-size: 18px;margin: 24px 0px 10px 0px;">
                    精彩专题
                </div>
                <div>
                    <img src="images/photo02.png"/>
                </div>
            </div>

        </div>
        <div class="ski-ad-area" style="padding: 19px 5px 5px 5px;">
            <img src="images/ski-ad-01.png">
        </div>
    </div>
</div>


<div class="theContentsArea">
    <div style="height: 88px;width: 1000px;padding: 24px 0px 0px 14px;">
        <div style="font-size: 40px;color: #FFFFFF;float: left;background: url('images/ui-ski-title.png');width: 175px;height: 44px;">

        </div>
        <div style="float: left;margin: 49px 0px 0px 547px;;">
            <div style="color: #989898;">单板公园 | 单板公园 | 单板公园</div>
        </div>
    </div>
    <div style="height: 477px;width: 1000px;background: #FFFFFF;margin: 0px 5px;">

        <div style="width: 327px;height: 477px;float: left;">
            <div class="yiz-slider-2" style="margin: 14px 0px 0px 6px;width: 317px;height: 447px;" >
                <ul>
                    <li><img src="images/photo04.png" width="239"/></li>
                    <li><img src="images/photo04.png" width="239"/></li>
                    <li><img src="images/photo04.png" width="239"/></li>
                    <li><img src="images/photo04.png" width="239"/></li>
                </ul>
            </div>
        </div>
        <div style="width: 352px;height: 477px;float: left;">
            <div style="height: 160px;margin: 14px 0px 0px 0px;">
                <div style="width: 160px;float: left;margin: 2px 4px 0px 0px;">
                    <img src="images/button01.png" width="160" height="160">
                </div>
                <div style="width: 160px;float: left;margin: 2px 0px 0px 20px;">
                    <img src="images/button02.png" width="160" height="160">
                </div>
            </div>
            <div>
                <img src="images/button03.png">
            </div>
        </div>
        <div style="width: 320px;height: 477px;float: left;">
            <div style="margin: 14px 0px 0px 0px;;height: 29px;">
                <div style="background: url('images/ui-hot-product-left-top.png');width: 80px;height: 30px;float: left;"></div>
                <div style="float: left;width: 154px;">
                    <div style="font-size: 18px;color: #000000;text-align: center;width: 150px;">热门品牌</div>
                </div>
                <div style="background: url('images/ui-hot-product-right-top.png');width: 80px;height: 30px;float: left;"></div>
            </div>
            <div style="height: 283px;">
                <div style="background: url('images/ui-hot-product-left-line.png');width: 11px;height: 285px;float: left;"></div>
                <div style="width: 291px;height: 283px;float: left;">
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo01.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo02.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo03.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo04.png">
                    </div>

                    <div style="float: left; margin: 5px;">
                        <img src="images/logo01.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo02.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo03.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo04.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo01.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo02.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo03.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo04.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo01.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo02.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo03.png">
                    </div>
                    <div style="float: left; margin: 5px;">
                        <img src="images/logo04.png">
                    </div>
                </div>
                <div style="background: url('images/ui-hot-product-right-line.png');width: 12px;height: 285px;float: left;"></div>
            </div>
            <div style="height: 15px;">
                <div style="background: url('images/ui-hot-product-bottom.png') ;width: 314px;height: 15px;"></div>
            </div>
            <div style="margin: 0px 0px 0px 5px;">
                <img src="images/zhuangbei-ad.png" width="304" height="116">
            </div>


        </div>

    </div>
    <div style="width: 1000px;height: 85px;background: #FFFFFF;margin: 12px 5px 0px 5px;;">
        <div style="float: left;margin: 16px 0px 0px 7px;">
            <img src="images/ui-contents-01.png">
        </div>
        <div style="float: left;height: 41px;margin: 39px 0px 0px 615px;width: 200px;">
            <div style="float: left;color: #000000;">一日游 |</div>
            <div style="float: left;color: #000000;">滑雪狂欢 |</div>
            <div style="float: left;color: #000000;">单板公园</div>
        </div>
    </div>
</div>
<style>
    .lastnews i{
        background: url(images/allicon24.png) no-repeat 0 -290px;
        width: 49px;
        height: 104px;
        display: block;
    }
    .nextnews i {
        background: url(images/allicon24.png) no-repeat -49px -290px;
        width: 49px;
        height: 104px;
        display: block;
    }

    .nextnews {
        width: 49px;
        height: 104px;
        position: absolute;
        top: 235px;
        left: 50%;
        overflow: hidden;
        opacity: .5;
        filter: alpha(opacity=50);
        z-index: 6;
    }

    .lastnews ,.nextnews {
        width: 49px;
        height: 104px;
        position: absolute;
        top: 235px;
        left: 50%;
        overflow: hidden;
        opacity: .5;
        filter: alpha(opacity=50);
        z-index: 6;
    }

    .lastnews {
        margin-left: -559px;
    }

    .nextnews {
        margin-left: 514px;
    }

</style>
<div class="thePageContentsArea">
    <div style="position: relative;">
        <a href="#" id="communityHeadImgPre" class="lastnews" title="上一篇"><i></i></a>
        <a href="#" id="communityHeadImgNext" class="nextnews" title="下一篇"><i></i></a>
        <!--<div style="float: right;">-->
            <!--<img src="images/photo-right.png"/>-->
        <!--</div>-->
        <div style="width: 1010px;height: 546px;margin: auto;background: #FFFFFF;">
            <div style="width: 689px;height: 545px;float: left;">
                <div style="height:180px;">
                    <div style="width: 108px;height: 179px;margin: 0px 0px 0px 17px;float: left;">
                        <div>
                            <img src="images/photo05.png" height="107" width="107">
                        </div>
                        <div style="width: 108px;text-align: center;margin: 7px 0px 0px 0px;">
                            <span style="font-size: 16px;color: #000000">小ZOO</span>
                        </div>
                    </div>
                    <div style="float: left;height: 179px;width: 563px;">
                        <div style="width: 506px;height: 31px;line-height: 30px;font-size: 28px;margin: 0px 0px 0px 20px;color: #000000">
                            军都山滑雪一日游
                        </div>
                        <div style="width: 506px;height: 85px;margin: 0px 9px 0px 20px;color: #5A5A5A;padding-top: 10px;background: url('images/ui-focus-contents-bg.png')">
                            <div style="margin: 0px 0px 0px 30px;line-height: 26px;">
                                留寿都滑雪场是北海道第一大滑雪场，距离札幌只有半个小时车程留寿都滑雪场是北海道第一大滑雪场，距离札幌只有半个小时车程留寿都滑雪场是
                            </div>
                            <div style="margin: 0px 0px 0px 150px;color: #101010;">
                                [阅读更多]
                            </div>
                        </div>
                        <div style="width: 506px;height: 52px;margin: 0px 0px 0px 20px;padding: 5px;">
                            <span style="background: #D1D1D1;padding: 4px 10px 4px 10px;color: #62A2C2;">境外滑雪</span>
                            <span style="background: #D1D1D1;padding: 4px 10px 4px 10px;color: #62A2C2;">单板</span>
                            <span style="background: #D1D1D1;padding: 4px 10px 4px 10px;color: #62A2C2;">评测</span>
                            <span style="background: #D1D1D1;padding: 4px 10px 4px 10px;color: #62A2C2;">达人</span>
                        </div>
                    </div>
                </div>
                <div style="background: url('images/ui-contents-line.png');width: 690px;height: 11px;">
                </div>
                <div style="height: 357px;width: 689px;">
                    <div style="width: 563px;margin: 9px 0px 0px 146px;">
                        <div style="width: 671px;height: 67px;">
                            <div style="float: left;width: 60px;">
                                <img src="images/photo05.png" height="50" width="50">
                            </div>
                            <div style="float: left;width: 431px;">
                                <div style="color: #040404">飞鸟 说：</div>
                                <div style="color: #5A5A5A">留寿都滑雪场是北海道第一大滑雪场，距离札幌只有半个小时车程留寿都滑雪场是北</div>
                            </div>
                        </div>
                        <div style="width: 671px;height: 67px;">
                            <div style="float: left;width: 60px;">
                                <img src="images/photo05.png" height="50" width="50">
                            </div>
                            <div style="float: left;width: 431px;">
                                <div style="color: #040404">飞鸟 说：</div>
                                <div style="color: #5A5A5A">留寿都滑雪场是北海道第一大滑雪场，距离札幌只有半个小时车程留寿都滑雪场是北</div>
                            </div>
                        </div>

                        <div style="width: 671px;height: 67px;">
                            <div style="float: left;width: 390px;height: 49px;"><input type="text" name="" value="快速评论" style="width: 359px;height: 37px;"/></div>
                            <div style="width: 127px;height: 37px;float: left;">
                                <div style="background: #CCCCCC;height: 37px;width: 129px;text-align: center;line-height: 37px;">发布</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div style="float: left;height: 404px;width: 305px;">
                <img src="images/photo-left.png" width="305" height="404"/>
            </div>
        </div>
    </div>
</div>

<div class="theSnsArea" style="background: #f4f4f4;">

    <div style="width: 1000px;height: auto;padding: 5px 13px;position: relative;">
        <dl style="width: 1000px;height: auto;position: inherit;">
            <dd style="float:left;width: 315px;">
                <div class="sns-border-box" style="height: 595px;background: #f4f4f4;">

                    <div style="height: auto;width: 310px;z-index: 1000">
                        <img src="images/button03.png" width="310">
                    </div>
                    <div style="height: 130px;z-index: 2000;margin-top:-60px;position: relative;">
                        <div style="float: left;border: solid 5px #FFFFFF;margin-left: 10px;">
                            <img src="images/photo01.png" width="100">
                        </div>
                        <div style="float: left;margin-top: 70px;margin-left: 20px;">
                            <div style="color: #000000;line-height: 20px;">神仙</div>
                            <div style="color: #000000;line-height: 20px;">来自：打发打发</div>
                        </div>
                    </div>
                    <div style="text-indent: 2em;line-height: 20px;font-size: 14px;padding: 0 10px;">
                           啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                    </div>
                </div>
                <div class="sns-border-box" style="height: 615px;background: #f4f4f4;margin-top: 10px;">
                    <div style="height: auto;width: 310px;">
                        <img src="images/button01.png" width="310">
                    </div>
                    <div style="height: 130px;z-index: 2000;margin-top:-60px;position: relative;">
                        <div style="float: left;border: solid 5px #FFFFFF;margin-left: 10px;">
                            <img src="images/photo01.png" width="100">
                        </div>
                        <div style="float: left;margin-top: 70px;margin-left: 20px;">
                            <div style="color: #000000;line-height: 20px;">神仙</div>
                            <div style="color: #000000;line-height: 20px;">来自：打发打发</div>
                        </div>
                    </div>
                    <div style="text-indent: 2em;line-height: 20px;font-size: 14px;padding: 0 10px;">
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                    </div>
                </div>
            </dd>
            <dd style="float:left;width: 315px;margin-left: 18px;">
                <div class="sns-border-box" style="height: 614px;background: #f4f4f4;">
                    <div style="height: auto;width: 310px;">
                        <img src="images/button01.png" width="310">
                    </div>
                    <div style="height: 130px;z-index: 2000;margin-top:-60px;position: relative;">
                        <div style="float: left;border: solid 5px #FFFFFF;margin-left: 10px;">
                            <img src="images/photo01.png" width="100">
                        </div>
                        <div style="float: left;margin-top: 70px;margin-left: 20px;">
                            <div style="color: #000000;line-height: 20px;">神仙</div>
                            <div style="color: #000000;line-height: 20px;">来自：打发打发</div>
                        </div>
                    </div>
                    <div style="text-indent: 2em;line-height: 20px;font-size: 14px;padding: 0 10px;">
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                    </div>
                </div>
                <div class="sns-border-box" style="height: 586px;margin-top: 10px;background: #f4f4f4">
                    <div style="height: auto;width: 310px;">
                        <img src="images/photo01.png" width="310">
                    </div>
                    <div style="height: 130px;z-index: 2000;margin-top:-60px;position: relative;">
                        <div style="float: left;border: solid 5px #FFFFFF;margin-left: 10px;">
                            <img src="images/photo01.png" width="100">
                        </div>
                        <div style="float: left;margin-top: 70px;margin-left: 20px;">
                            <div style="color: #000000;line-height: 20px;">神仙</div>
                            <div style="color: #000000;line-height: 20px;">来自：打发打发</div>
                        </div>
                    </div>
                    <div style="text-indent: 2em;line-height: 20px;font-size: 14px;padding: 0 10px;">
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                    </div>
                </div>
            </dd>
            <dd style="float:left;width: 315px;margin-left: 18px;">
                <div class="sns-border-box" style="height: 554px;background: #f4f4f4">
                    <div style="height: auto;width: 310px;">
                        <img src="images/button02.png" width="310">
                    </div>
                    <div style="height: 130px;z-index: 2000;margin-top:-60px;position: relative;">
                        <div style="float: left;border: solid 5px #FFFFFF;margin-left: 10px;">
                            <img src="images/photo01.png" width="100">
                        </div>
                        <div style="float: left;margin-top: 70px;margin-left: 20px;">
                            <div style="color: #000000;line-height: 20px;">神仙</div>
                            <div style="color: #000000;line-height: 20px;">来自：打发打发</div>
                        </div>
                    </div>
                    <div style="text-indent: 2em;line-height: 20px;font-size: 14px;padding: 0 10px;">
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                    </div>
                </div>
                <div class="sns-border-box" style="height: 666px;margin-top: 10px;background: #f4f4f4">
                    <div style="height: auto;width: 310px;">
                        <img src="images/photo01.png" width="310">
                    </div>
                    <div style="height: 130px;z-index: 2000;margin-top:-60px;position: relative;">
                        <div style="float: left;border: solid 5px #FFFFFF;margin-left: 10px;">
                            <img src="images/photo01.png" width="100">
                        </div>
                        <div style="float: left;margin-top: 70px;margin-left: 20px;">
                            <div style="color: #000000;line-height: 20px;">神仙</div>
                            <div style="color: #000000;line-height: 20px;">来自：打发打发</div>
                        </div>
                    </div>
                    <div style="text-indent: 2em;line-height: 20px;font-size: 14px;padding: 0 10px;">
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                        啊是解放了深刻的风景洒落放假啊死了都快放假啊老师的放假啊路上看到就发生地方！
                    </div>
                </div>
            </dd>
        </dl>
    </div>

</div>


</body>
</html>